<template>
    <div class="goods goods-main">
        <img @click="imgclick(good.img)" :src="good.img" class="img goods-list-img" v-if="good.img" model="aspectFill">
        <div class="info goods-text">
            <div class="title">{{ good.name }}</div>
            <div class="count">参与人数:<span class="span">{{ good.count }}</span>人 </div>
            <div class="gecount">竞猜次数:<span class="span">{{ good.gecount }}</span>次</div>
            <div class="prove">本品由【{{ good.provider }}】提供</div>
        </div>
    </div>
</template>
<script>
export default {
  props: {
    good: {
      default: {
        name: "2018秋季冬季新品长款双面尼时尚条纹尼子大衣",
        img:
          "http://img11.360buyimg.com/n1/s350x449_jfs/t1/3671/8/11638/264402/5bd03ec8E3bde6dbe/3de67ec3d157af8d.jpg!cc_350x449.jpg",
        count: 109,
        gecount: 320,
        provider: "丽都飞燕旗舰店"
      }
    }
  },
  methods:{
    imgclick(img){
      wx.previewImage({
          current: img, // 当前显示图片的http链接
          urls: [img] // 需要预览的图片http链接列表
      })
    }
  }
};
</script>
<style lang="scss" scoped>
.goods {
  width: 380px;
  margin-top: 15px;
  margin-bottom: 15px;
  display:flex;
  .img {
    float: left;
    margin-left: 5px;
    width: 100px;
    height: 100px;
    border: solid 1px red
  }
  .info {
    margin-left: 5px;
    margin-right: 5px;
    .span{
      color:red
    }
    .title{
      font-size: 16px;
      padding-left:5px;
      padding-right: 5px;
    }
    .count{
      padding-left:5px;
    }
    .gecount{
      padding-left:5px;
    }
    .prove{
      padding-left:5px;
    }
  }
}
</style>
